<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <!-- BEGIN 全局样式 -->
    <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css"/>
    <link rel="stylesheet" href="../../../css/reset-diy.css" type="text/css">
    <link rel="stylesheet" href="../../../lib/jedate/skin/jedate-blue.css">
    <title>考勤时间设置</title>
    <style>
        html{border-left:8px solid #fff;}
        body {overflow: hidden;}
        .container {min-height: 90vh;}
        iframe {width: 100%;height: 100vh;padding-bottom: 105px;}
    </style>
</head>
<body>

<div class="container-full">
    <ul class="nav nav-tabs pt-5">
        <li class="active"><a href="#semester" data-html="semester-setting.html">设置本学期工作日</a></li>
        <li><a href="#day" data-html="day-setting.html">全日考勤时间</a></li>
        <li><a href="#lesson" data-html="lesson-setting.html">课时设置</a></li>
    </ul>
    <div class="tab-content mt-20">
        <div class="tab-pane active" id="semester">
            <iframe src="semester-setting.html" frameborder="0"></iframe>
        </div>
        <div class="tab-pane" id="day">
            <iframe src="day-setting.html" frameborder="0"></iframe>
        </div>
        <div class="tab-pane" id="lesson">
            <iframe src="lesson-setting.html" style="min-width: 800px;" frameborder="0"></iframe>
        </div>
    </div>
</div>

<!--核心脚本sss-->
<script src="../../../lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
<!--[if lt IE 9]>
<script src="../../../js/excanvas.min.js"></script>
<script src="../../../js/respond.min.js"></script>
<![endif]-->
<script src="../../../js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.nav a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
            var html = $(this).data("html");
            var id = $(this).attr("href");
            $(id).children("iframe").attr("src", html);
        });

    });
</script>
</body>
</html>